<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
    <!-- 
    MVVM模型
        M model data中的数据
        V view 模板代码
        VM ViewModel Vue实例
    观察发现
        1.data里的数据都出现在了vm身上
        2.vm身上的所有属性 及 Vue原型身上的所有属性，在Vue模板都可以直接使用
    -->
     <div id="root">
        <div>{{nihao}}</div>
        <div>{{$emit}}</div>
        <div>{{_c}}</div>
     </div>
    <script type="text/javascript">
        Vue.config.productionTip = false
        const vm=new Vue({
            data:{
                nihao:"hello"
            }
        })
        vm.$mount("#root")
    </script>
</body>
</html>